﻿menu-right-search/*************** index page CSS ********************/

/*============ page CSS start ===============*/
.index-page-main {
	min-height:100%
}

.index-page-main .m-caidan {
	z-index:200
}
.index-page-main .header {
	background:transparent;
	margin-top:20px;
	position:relative;
	z-index:1000;
}
.index-page-main .header .icon {
	border:0
}
.index-page-main .content .m-search,.index-page-main .content .index-page-content,.index-page-main .content .m-back,.index-page-main .footer,.yindaodonghua-bg {
	display:none
}

.content .g-fluid>.index-base-box-child {
	margin-bottom:20px;
	min-height:54px
}
.index-page-content{
	height: 566px;
}
/*.index-page-content-info .index-left-box .index-left-box-02 .m-list {*/
.index-page-content-info .index-left-box .index-left-box-02 .index-base-box,.index-page-content-info  .index-base-box {
	position:relative;
	margin:0 9px 10px 0;
	width:258px;
	height:160px;
	background-color:#fafcfd;
	background-color:rgba(250,252,253,.3);
	-webkit-transition:.35s;
	transition:.35s
}

.index-page-content-info .index-base-box:nth-child(2n) {
	margin-right:0
}
.index-page-content-info .index-left-box .index-left-box-02 .left_box_02_inform .wait-to-do-list{
	width:520px;
	margin-left: -262px;
	/*position:relative*/
}
.index-page-content-info .index-right-box>.m-selects>.base-list-box {
	width:525px;
	position:relative
}
.index-page-content-info .index-base-box .base-list-box .u-a-b {
	border-color:transparent transparent #fff;
	left:118px;
	top:-7px;
	border-width:8px
}
.index-page-content-info .index-base-box .base-list-box.on .u-a-b {
	top:-20px;
	-webkit-transition:.35s;
	transition:.35s
}
.index-page-content-info .index-right-box .m-list-2 .base-list-box {
	left:-267px
}
.index-page-content-info .index-right-box .m-list-2 .u-a-b {
	left:auto;
	right:118px
}
.wait-to-do-list {
	padding-top:9px
}
.index-page-content-info .index-base-box .base-list-box .m-lists {
	background:#fff;
	padding:15px 0;
	box-shadow:0 0 5px 1px rgba(0,0,0,.3)
}
.index-page-content-info .inform-box:hover{
	box-shadow:0 0 5px 1px rgba(0,0,0,.3)
}
.index-page-content-info .wait-do-box:hover{
	box-shadow:0 0 5px 1px rgba(0,0,0,.3)
}
.index-page-content-info .wait-read-box:hover{
	box-shadow:0 0 5px 1px rgba(0,0,0,.3)
}
.index-page-content-info .index-base-box .base-list-box .m-lists>li {
	line-height:26px;
	margin-bottom:8px
}
.index-page-content-info .index-base-box .base-list-box .m-lists>li a {
	font-size:12px;
	color:#7f7e7e;
	display:block;
	padding:0 15px;
	-webkit-transition:.35s;
	transition:.35s
}
.index-page-content-info .index-base-box .base-list-box .m-lists>li a:hover {
	box-shadow:0 0 5px 2px rgba(45,77,129,.5)
}
.index-page-content-info .index-base-box .base-list-box .m-lists>li a .m-tit {
	font-size:14px;
	font-weight:bold;
	margin-right:10px
}
.index-page-content-info .index-base-box .base-list-box .m-lists .m-time {
	color:#7f7e7e;
	font-size:14px
}
.index-page-content-info .index-base-box .base-list-box .m-lists>li a .icon {
	width:26px !important;
	height:26px !important;
	margin:0;
	z-index:1006;
}
.index-page-content-info .index-base-box-child {
	position:relative;
	text-align:center;
	z-index:10;
	height:100%;
	display:block
}
.index-page-content-info .index-base-box-child .icon {
	width:90px;
	height:90px;
	margin-top:15px
}
.index-page-content-info .index-base-box-child .m-tit {
	color:#fcfdfe;
	font-size:18px
}
.index-page-content-info .index-left-box .m-list-3 .m-tit {
	color:#5b5e61;
	text-align:left
}
.index-page-content-info .index-left-box .m-list-3 .m-c2>.m-c-hd {
	margin-right:20px;
	color:#02cbfd;
	font-size: 12px;
}
.index-page-content-info .index-left-box .m-list-3 .m-c2>.base-list-box-cont {
	color:#f6fdf1;
	font-size: 12px;
}
.index-page-content-info .index-left-box .m-list-3 .m-item li {
	color:#f6fdf1;
	font-size:12px;
	line-height:18px;
	overflow:hidden;
	padding:10px 10px 10px 10px;
}
.index-page-content-info .index-left-box .m-list-3 .m-item>li a{
	color:#f6fdf1;
}
.index-page-content-info .index-left-box .m-list-3 .m-item li a:hover,.index-page-content-info .index-left-box .m-list-3 .m-item li .on {
	color:#f87364
}
.index-page-content-info .index-base-box-child .m-num {
	color:#fff;
	font-size:12px;
	background:#f1364c;
	border-radius:8px;
	display:inline-block;
	padding:2px 5px;
	vertical-align:top;
	margin-left:5px
}
.index-page-content-info .i-tianjia {
	position:absolute;
	right:0;
	top:0;
	margin:0 !important;
	z-index:20;
	cursor:pointer
}
.index-page-content-info .index-left-box {
	width:520px
}
.index-page-content-info .index-right-box {
	width:525px
}
.index-page-content-info .index-left-box .index-base-box {
	margin-right:0;
	width:100%
}
.index-page-content-info .index-left-box .index-left-box-01 {
	width:252px
}
.index-page-content-info .index-left-box .index-left-box-02 {
	width:258px
}
.index-page-content-info .index-left-box .index-base-box {
	margin-bottom:9px;
	height:216px

}
.index-page-content-info .index-left-box .index-base-box:last-child {
	margin-bottom:0
}
.show-to-do-list {
	cursor:pointer;
	position:relative;
	/*margin-top: 30px;*/
	/*z-index:10;
	*/
}
.to-do-list {
	/*background-color:#02070a;*/
	/*background-color:rgba(2,7,10,.9);*/
	/*width:240px;*/
	display:none;
	z-index:100
}
.index-page-content-info .index-left-box .index-left-box-01 .day-to-do-list{
	width: 254px;
	height: 217px;
	background:url(../../img/cal_list.png)
}
.index-page-content-info .index-left-box .index-left-box-02 .left_box_02_inform .base-list-box .u-a-b{
	border-color:transparent transparent #fff;
	left:118px;
	top:209px;
	border-width:8px
}
.index-page-content-info .index-left-box .index-left-box-01 .m-list-1 {
	height:118px
}
.index-page-content-info .index-left-box .index-left-box-01 .m-list-2 {
	height:200px
}
.index-page-content-info .index-left-box .left_box_02_inform .icon {
	margin-top:44px
}
.index-page-content-info .index-left-box .index-left-box-02 .m-list-3 .m-box {
	padding:17px;
	background:#fff
}
.index-page-content-info .index-left-box .index-left-box-02 .m-list-4 .m-tit {
	font-size:20px
}

.inform-img{
	margin-top: 55px;
	margin-bottom: 15px;
}

/*2017-08-18 Lincoln update 请假 start*/
.ask-for-leave-img{
	width: 70px;
	height: 62px;
	margin-top: 35px;
	margin-bottom: 15px;
}
/*2017-08-18 Lincoln update 请假 end*/

/*2017-08-18 Lincoln add 黄页 start*/
.yellow-pages{
	width: 62px;
	height: 62px;
	margin-top: 30px;
	margin-bottom: 10px;
}
/*2017-08-18 Lincoln add 黄页 end*/

/* 2017-08-21 Lincoln add首页 模块a标签 start*/
.yellow-pages-index{
	/*margin-top: 8px;*/
}
#asset-register{
	margin-top: 9px;
}
#business-trip{
	margin-right: 1px;
	margin-top: -170px;
}
#ask-for-leave{
	margin-right: 1px;
	margin-top: -170px;
}
/* 2017-08-21 Lincoln add首页 模块a标签 end*/
.reimbursement-img{
	width: 65px;
	height: 65px;
	margin-top: 30px;
	margin-bottom: 10px;
 }
.new_employee_entry_img{
	width: 75px;
	height: 55px;
	margin-top: 40px;
	margin-bottom: 15px;
}
.index-page-content-info .index-left-box .index-left-box-02 .left_box_02_inform, .index-page-content-info .index-right-box .m-list-1{
	width:258px;
	height:216px;
	background-color:#305ca1;
	background-color:rgba(48,82,161,.6);
	z-index:20
}
.index-page-content-info .index-right-box .m-list-1 .icon {
	margin-top:44px
}
.index-page-content-info .index-right-box .index-left-box-02 .m-list-1 {
	height:328px;
	background:#fff
}
.index-page-content-info .index-right-box .m-list-2 .m-tit {
	font-size:16px
}
.page2 .index-page-content-info .index-left-box .index-left-box-01 .m-list-4{
	height: 160px;
	margin-left: -270px;
}

/*2017-08-18 Lincoln add 黄页 start*/
.page2 .index-page-content-info .index-left-box .index-left-box-01 .m-list-5{
	height: 160px;
	margin-left: -10px;
}
/*2017-08-18 Lincoln add 入职登记 end*/

/*============ page CSS end ===============*/


/*============ calendar CSS start ===============*/
div.zabuto_calendar .table {
	height:328px;
}
.index-page-content-info .calendar-month-header,.index-page-content-info .zabuto_calendar .table tr.calendar-month-header th {
	background:url("../../img/Background_month.png");
	color:#fff;
	position:relative
}
.calendar-null {
	height:9px
}
.index-page-content-info div.zabuto_calendar .table tr td,.index-page-content-info div.zabuto_calendar .table tr.calendar-dow-header th {
	background-color:#3952a1;
	color:#fff
}
.index-page-content-info div.zabuto_calendar .table tr.calendar-dow-header th {
	padding-top:10px
}
.index-page-content-info div.zabuto_calendar .table td {
	padding:0 2px
}
.index-page-content-info div.zabuto_calendar .table td {
	font-size:12px;
	color:#fff9f9;
	cursor:pointer;
}
.index-page-content-info div.zabuto_calendar .table td:hover div,.index-page-content-info div.zabuto_calendar .table td.on div,.index-page-content-info div.zabuto_calendar .table td .day-today {
	background : url(../../img/icon/Circle-gray.png)  no-repeat center;
	border-radius:50%;
}

.day-today{
	color: #fa6f57;;
}

.day-today-return{
	width: 27px;
	height: 27px;
	margin-left: 5px;
	background-color: #fefdfd;
}

div.zabuto_calendar .table .m-months {
	font-size:16px;
	padding-top:6px;
	color: white;
}
div.zabuto_calendar .table .m-days {
	font-size:70px;
	cursor: pointer
}
.index-page-content-info div.zabuto_calendar {
	margin-bottom:11px
}
.index-page-content-info div.zabuto_calendar .table tr:last-child {
	border:0
}
.event-styled {
	position:relative
}
.event-styled:before {
	content:"●";
	color:#fa6f57;
	position:absolute;
	bottom:0;
	left:50%;
	margin-left:-4px
}
.index-page-content-info div.zabuto_calendar .badge-event,.index-page-content-info div.zabuto_calendar div.legend span.badge-event {
	background:transparent;
	color:inherit
}
.index-page-content-info div.zabuto_calendar .badge-event {
	padding:0
}
.index-page-content-info div.zabuto_calendar .badge-today,.index-page-content-info div.zabuto_calendar div.legend span.badge-today {
	background-color:transparent;
	color:inherit
}
.index-page-content-info .calendar-month-header {
	height:118px
}
.m-table .dow-clickable {
	width:29px;
	height: 29px;
	border: 1px solid red;
}
.m-item .m-c-bd{
	color: white;
}
/*============ calendar CSS end ===============*/


